﻿/**
 *    Copyright 2006 - 2011 Opera Software ASA
 *
 *    Licensed under the Apache License, Version 2.0 (the "License");
 *    you may not use this file except in compliance with the License.
 *    You may obtain a copy of the License at
 *
 *        http://www.apache.org/licenses/LICENSE-2.0
 *
 *    Unless required by applicable law or agreed to in writing, software
 *    distributed under the License is distributed on an "AS IS" BASIS,
 *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *    See the License for the specific language governing permissions and
 *    limitations under the License.
 *
 **/


 .sortable-table {
  width: 100%;
  border-collapse: collapse;
}

.sortable-table > tr > td,
.sortable-table > tr > th {
  border: 0 solid rgba(0, 0, 0, 0.06);
  border-left-width: 1px;
  padding: 4px 5px;
  text-align: left;
  overflow: hidden;
}
.sortable-table > tr > td:first-child,
.sortable-table > tr > th:first-child {
  border-left-width: 0;
}

.sortable-table > tr > td.align-center {
  text-align: center;
  padding: 4px 5px 1px 5px;
}

.sortable-table > tr > td.align-right {
  text-align: right;
  padding: 4px 5px 1px 5px;
}

.sortable-table > tr > td.align-justify {
  text-align: justify;
}

.sortable-table > tr > th {
  word-wrap: normal;
}

.sortable-table > tr:last-of-type > td {
  border-bottom-width: 1px;
}


.sortable-table > tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.03);
}

.sort-column {
  background: url("../../ui-images/dropdown.png") no-repeat 100% 50%;
}

.sort-column.reversed {
  background-image: url("../../ui-images/dropup.png");
}

.sortable-table > tr.header:first-child {
  background-color: #e9e9e9;
  background-image: -o-linear-gradient(-90deg,
                                       rgba(255, 255, 255, 0.85) 0,
                                       rgba(255, 255, 255, 0.25) 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.sortable-table > tr.header:first-child th {
  font-weight: normal;
}

.sortable-table > tr.header {
  background-color: rgba(0, 0, 0, 0.12);
  font-weight: bold;
}

.sortable-table > tr.header > .sortable-table-group-header {
  text-align: left;
  z-index: 3;
  box-shadow: 0 1px rgba(0, 0, 0, 0.1);
}

.sortable-table > tr:not(.header):not(.no-interaction):not(.selected):not(.sortable-table-summation-row):hover
{
  background-color: rgba(137, 173, 232, 0.2);
  color: #000;
}

.sortable-table > tr:not(.header):not(.no-interaction):not(.sortable-table-summation-row):active,
.sortable-table > tr.selected:not(.header)
{
  background-color: rgba(55, 115, 211, 0.7);
  color: #fff;
  border-color: rgba(55, 115, 211, 1.0);
}
.sortable-table > tr.header > th:not(.sortable-table-group-header):active {
  background-color: rgba(0, 0, 0, 0.06); 
}